// src/config/sidebarMenu.ts
import { Component } from 'vue'
import {
  House,
  Monitor,
  Lock,
  PieChart,
  Setting,
  Document,
  DocumentAdd,
  Search,
  Management,
  UserFilled
} from '@element-plus/icons-vue'

export interface MenuItem {
  path: string
  title: string
  icon: Component
  children?: MenuItem[]
}

export const sidebarMenuItems: MenuItem[] = [
  {
    path: '/home',
    title: '首页',
    icon: House
  },
  {
    path: '/system',
    title: '系统功能',
    icon: Monitor,
    children: [
      { path: '/system/settings', title: '系统设置', icon: Setting },
      { path: '/system/aichat', title: 'AI对话', icon: Search },
      { path: '/system/copywriting', title: '文案生成', icon: DocumentAdd},
      { path: '/system/ai-project', title: 'AI项目', icon: Document},
      { path: '/system/blog', title: '博客文章', icon: DocumentAdd}
    ]
  },
  {
    path: '/family',
    title: '家庭功能',
    icon: UserFilled,
    children: [
      { path: '/family/accounts', title: '账单详情', icon: PieChart },
      { path: '/family/pet-manage', title: '宠物管理', icon: Management},
      { path: '/family/recipe', title: '食谱列表', icon: Lock}
    ]
  },
]